{% extends 'Base.html' %}
{% load static %}
{% block pagetitle %}{{ moviename }}{% endblock %}
{% block content %}
    <div class="container-fluid">
        <div class="m-auto" style="background-color: white;width: 90%;padding: 1%;">
            <h5 style="font-size: 2rem;font-weight: bold;">{{ moviename }}</h5>
            <div class="row" style="margin-top: 3%;">
                <div class="col-2">
                    <img src="{{ movieimg }}" width="160px" height="220px">
                </div>
                <div class="col-7" style="">
                    <div><b>导演:</b>{{ moviedirector }}</div>
                    <div><b>主演:</b> {{ mainact }}</div>
                    <div><b>类型:</b> {{ movtype}}</div>
                    <div><b>时长:</b> {{ movietime }}</div>
                    <div><b>上映日期:</b> {{ mov_showtime }}</div>
                    <div><b>简介:</b> {{ mov_introduce }}
                    </div>
                </div>
                <div class="col-3">
                    <div style="text-align:center;font-weight: bold;font-size: 1.5rem;color: #f55c47;">评分</div>
                    <div style="text-align:center;font-weight: bold;font-size: 1.5rem;color: #f55c47;margin-bottom: 10%;">
                        {{ mov_score }}
                    </div>
                    <div style="cursor:default;text-align:center;border-radius: 10px;background-color:#f55c47;width: 60%;font-size: 1.3rem;"
                         class="m-auto" onclick="tocinema()">特惠购票
                    </div>
                </div>
            </div>
            <div style="margin-top: 3%;background-color: #c9d6df;font-size: 1.5rem;font-weight: bold;border-radius: 5px;">
                &emsp;影片图片和视频
            </div>
            <div class="row" style="margin-top:1%;margin-left: auto;margin-right: auto;">
                <div class="col-2">
                    <div style="background-image:url({{ mov_media }});background-repeat: no-repeat;background-position:center center;background-size: cover;width:165px;height:105px;"></div>
                </div>
{#                <div class="col-2">#}
{#                    <div style="background-image:url({% static "mov_img/rznjz1.webp" %});background-repeat: no-repeat;background-position:center center;background-size: cover;width:165px;height:105px;"></div>#}
{#                </div>#}
{#                <div class="col-2">#}
{#                    <div style="background-image:url({% static "mov_img/rznjz1.webp" %});background-repeat: no-repeat;background-position:center center;background-size: cover;width:165px;height:105px;"></div>#}
{#                </div>#}
{#                <div class="col-2">#}
{#                    <div style="background-image:url({% static "mov_img/rznjz1.webp" %});background-repeat: no-repeat;background-position:center center;background-size: cover;width:165px;height:105px;"></div>#}
{#                </div>#}
{#                <div class="col-2">#}
{#                    <div style="background-image:url({% static "mov_img/rznjz1.webp" %});background-repeat: no-repeat;background-position:center center;background-size: cover;width:165px;height:105px;"></div>#}
{#                </div>#}
{#                <div class="col-2">#}
{#                    <div style="background-image:url({% static "mov_img/rznjz1.webp" %});background-repeat: no-repeat;background-position:center center;background-size: cover;width:165px;height:105px;"></div>#}
{#                </div>#}

            </div>
            <div style="margin-top: 3%;background-color: #c9d6df;font-size: 1.5rem;font-weight: bold;border-radius: 5px;">
                &emsp;最新资讯
            </div>
            <div class="row m-auto" style="padding: 1%;">

                {% autoescape off %}
                    {{ mov_new }}
{#                <a class="alert alert-primary" role="alert" href="https://www.baidu.com" style="cursor:default;width: 100%;color: firebrick;">#}
{#                北美周末票房：《人之怒》首映夺冠#}
{#                </a>#}
{#                <div class="alert alert-primary" role="alert" style="width: 100%;color: firebrick;">#}
{#                    热映爽片《人之怒》杰森·斯坦森火力全开 激爆枪战爽到停不下来#}
{#                </div>#}
{#                <div class="alert alert-primary" role="alert" style="width: 100%;color: firebrick;">#}
{#                    杰森·斯坦森动作新片《人之怒》IGN 6分：塑造好人物比复杂曲折的故事更重要#}
{#                </div>#}
{#                <div class="alert alert-primary" role="alert" style="width: 100%;color: firebrick;">#}
{#                    《人之怒》曝“复仇”版预告，斯坦森卧底安保公司找内鬼#}
{#                </div>#}
{#                <div class="alert alert-primary" role="alert" style="width: 100%;color: firebrick;">#}
{#                    《人之怒》北美轻松夺冠，但删减引进后，还是败给了《悬崖之上》#}
{#                </div>#}
                {% endautoescape %}
            </div>
            <div style="margin-top: 3%;background-color: #c9d6df;font-size: 1.5rem;font-weight: bold;border-radius: 5px;">
                &emsp;评论&emsp;<span class="badge badge-danger">{{ commit_count }}</span>
            </div>
            <div class="row m-auto" style="padding: 1%;">
{#                <span class="badge badge-light">9999+</span>#}
                {% autoescape off %}
                    {{ mov_comment }}
                {% endautoescape %}




            </div>
        </div>
    </div>
    <script>
    function tocinema(){
        href = window.location.protocol+"//"+window.location.host +"/cinema/"
        window.location.href = href
    }
    function getlike(e){
        element = e.nextElementSibling
        count = element.innerText
        count = parseInt(count)
        count = count + 1
        element.innerText = count.toString()
    }
    </script>
{% endblock %}